<template>
  <div>
    <h3>组合api-setup参数</h3>
    <Son msg="hello" @fn="fn" />
  </div>
</template>

<script>
import Son from "./07-son.vue";
export default {
  setup() {
    // setup里面是不能够拿到data、computed、methods、refs等
    // setup的执行时机比较早，setup不能使用this，没有参数可以接受这些选项
    // 如果使用了setup，就尽量不要使用传统的选项api了
    const fn = () => {
      console.log("father");
    };
    return {
      fn,
    };
  },

  // data() {
  //   return {
  //     a: 3,
  //   };
  // },

  // components/props选项是不能写到setup里面的
  components: {
    Son,
  },
};
</script>
